.des_box{
    width: 100vw;
    height: 100vh;
    /* background-color: plum; */
}
.des_top{
    width: 100%;
    height: 8vh;
    /* background-color: palegreen; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.des_tleft{
    width: 30%;
    height: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    margin-left: 20px;
}

.des_tleft p{
    font-size: 17px;
    color: #333;
    margin-left: 25px;
}
.des_tright button{
    margin-right: 20px;
    width: 85px;
    height: 50px;
    border: none;
    font-size: 15px;
    color: #333;
}
.des_tright button:last-child{
    padding: 5px;
    background-color: orange;
    color: #fff;;
}
.des_mian{
    width: 100%;
    height: 92vh;
    /* background-color: lightblue; */
    display: flex;
    position: relative;
}
.des_left{
    width: 5%;
    height: 100%;
    /* background-color: lightpink; */
    position: absolute;
    background-color: white;
}
.des_center{
    width: 75%;
    height: 100%;
    background-color: #e7e2e2;
    
}

.des_right{
    width: 20%;
    height: 100%;
    background-color: white;
}
.drag-source img {  
  width: 100px;  
  height: 100px;  
  margin: 10px;  
  cursor: grab;  
}  
  
.svg-container {  
  border: 1px solid #000;  
  display: block;  
  margin-top: 20px;  
}  
  
/* 可选：拖放时的样式 */  
.svg-container.dragover {  
  border-color: blue;  
}  